import styles from './index.module.less'
import type { BoxProps } from './interface'

/** 基础的通用盒子 */
export const Box = (props: BoxProps) => {
    return (
        <div
            className={`${styles.box_container} ${props.className}`}
            style={props.style}
            onClick={props.onClick}
        >
            <div className={styles.box_header}>
                <div className={styles.box_title}>{props.title}</div>

                <div className={styles.box_statusBar}>{props.statusBar}</div>
            </div>

            <div className={styles.box_content}>{props.children}</div>
        </div>
    )
}

export default Box
